<script setup lang="ts">
import { ref } from 'vue'
import LF from './lf.vue'
import RT from './rt.vue'
import Map from './components/Map.vue'
const monitorModelShow = ref<boolean>(false)
const handleParentEvent = (data: boolean) => {
  console.log('祖父组件收到的数据:', data)
  monitorModelShow.value = data
}
</script>

<template>
  <!-- 内容 S -->
  <div class="bd-box">
    <LF @parent-event="handleParentEvent" />
    <RT />
    <Map />
  </div>
  <!-- 内容 E -->
</template>

<style lang="less" scoped>
// 内容
.bd-box {
  position: absolute;
  top: 90px;
  left: 20px;
  right: 20px;
  bottom: 0;
  // border: 1px solid red;
  display: flex;
  padding: 0 15px 15px;
}
</style>
